// components/tabs/Tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 接收子组件传递过来的数据并分析  传入的类型是数组, 默认为空数组
    tabs:{
      type:Array,
      value:[]
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    
  },

  /**
   * 组件的方法列表
   */
  methods: {
    handelItemTap(e){
      // 打印传入的值(索引)
      // console.log(e.currentTarget.dataset.index)
      //1. 获取索引  ex6的解构表达式 const {index} = {index:0}  花括号中的index值为0
      const {index} =e.currentTarget.dataset;
      // console.log(index);

      //4.向父组件传递被点击的索引来控制当前选择的内容  参数1:事件名  参数2:索引
      this.triggerEvent("indexChange",{index});

      // 2.解构表达式获取数组内容
     // var {tabs} = this.data;// 等价于 var tabs = this.data.tabs;
      // 3.考验功底的时候了  v是对象 i是索引 index是wxml传入的id  根据两者是否相等来决定选中状态
      // tabs.forEach((v,i)=>{
      //   i===index?v.isActive=true:v.isActive=false
      // }); 
      // console.log(tabs);
      // this.setData({
      //   tabs
      // })
    }
  }
})
